import { Card, Table, Button } from 'antd';

export default function ProductionMonitoring() {
  const columns = [
    {
      title: '生产线',
      dataIndex: 'line',
    },
    {
      title: '产品型号',
      dataIndex: 'model',
    },
    {
      title: '合格率',
      dataIndex: 'rate',
    },
    {
      title: '操作',
      render: () => (
        <Button type="link">实时监控</Button>
      ),
    },
  ];

  return (
    <div style={{ padding: 24 }}>
      <Card title="生产质量监控">
        <Button type="primary" style={{ marginBottom: 16 }}>刷新数据</Button>
        <Table columns={columns} rowKey="id" />
      </Card>
    </div>
  );
}